<template>
	<view>
		<!-- 订单编号 -->
		 <view class="order-number">
			 <span>订单编号：</span><span  class='number'>{{delivery_info.orderNo}}</span>
		 </view>
		 <!-- 出库编号 -->
		  <view class="order-number">
		 	 <span>出库编号：</span><span  class='number'>{{delivery_info.deliveryNo}}</span>
		  </view>
		  <view class="time">{{delivery_info.createTime}} {{delivery_info.week}}</view>
		  <!-- 出库详情 -->
		  <view class="item">
				<!-- <view class="left"> -->
				<view class="alling">总件数：<span class='orange'>{{Number(delivery_info.deliveryCount) + Number(delivery_info.residueCount)}}</span></view>
				<view class="fahuo">
					【{{delivery_info.productName}}】商品，本次发货<span class='orange'>{{delivery_info.deliveryCount}}</span>件
				</view>
				<view class="ziti">
					【{{delivery_info.productName}}】商品，还剩余<span class='orange'>{{delivery_info.residueCount}}</span>件。未{{delivery_info.expressNo?'发货':'自提'}}
				</view>
		  		<!-- </view> -->
		  </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:0,
				delivery_info:[],
				date:{},
				delivery_order:'',
				out_trade_no:''
			}
		},
		onLoad(option) {
			const { row } = option;
			this.delivery_info = JSON.parse(row);
			console.log(this.delivery_info,'option111')
			
		},
		onShareAppMessage() {
			return {
				title: '上云丰花卉',
				path: '/pages/home/home'
			}
		},
		onShareTimeline(){
			return {
				title: '上云丰花卉',
				path:'/pages/home/home'
			}
		},
		methods: {
			Time(time) {
				if(time==1){
					return '周一'
				}else if(time==2){
					return '周二'
				}else if(time==3){
					return '周三'
				}else if(time==4){
					return '周四'
				}else if(time==5){
					return '周五'
				}else if(time==6){
					return '周六'
				}else if(time==7){
					return '周日'
				}
			}
		}
	}
</script>
<style lang="less">
	page {
		background-color: #F9F9F9;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		background-color: #F9F9F9;
	}
</style>
<style lang="less" scoped>

	.order-number {
		width: 100%;
		margin: 20rpx 0;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
		padding-left: 30rpx;
		box-sizing: border-box;
		.number {
			color: #333333;
		}
	}
	.time {
		padding-left: 30rpx;
		box-sizing: border-box;
		margin: 20rpx 0; 
	}
	.item{ 
		// height: 160rpx;
		width: 100%;
		// display: flex;
		// justify-content: space-between;
		// align-items: center;
		padding: 30rpx;
		box-sizing: border-box;
		background: #FFFFFF;
		margin-bottom: 20rpx;
		.fahuo {
			margin:20rpx 0;
		}
		// .left {
		// 	flex: 1;
		// 	.fahuo {
		// 		margin-bottom:20rpx;
		// 	}
		// }
		// .right {
		// 	// margin-top: 30rpx;
		// }
		.orange {
			color: #FF6269;
		}
	}
</style>
